<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="物品选择" prop="productName">
        <el-input v-model="queryParams.productName" placeholder="请选择物品" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="名称" prop="name">
        <el-input v-model="queryParams.name" placeholder="请输入名称" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="代号" prop="code">
        <el-input v-model="queryParams.code" placeholder="请输入代号" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="规格" prop="specification">
        <el-input v-model="queryParams.specification" placeholder="请输入规格" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="属性选择" prop="attribute">
        <el-select v-model="queryParams.attribute" placeholder="请选择属性" clearable @change="handleQuery">
          <el-option label="颜色" value="color"></el-option>
          <el-option label="尺寸" value="size"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="颜色" prop="color">
        <el-input v-model="queryParams.color" placeholder="请输入颜色" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="条形码" prop="barcode">
        <el-input v-model="queryParams.barcode" placeholder="请输入条形码" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
          v-hasPermi="['system:notice:add']">新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
          v-hasPermi="['system:notice:edit']">修改</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
          v-hasPermi="['system:notice:remove']">删除</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table :data="priceData">
      <el-table-column align="center" label="物品描述">
        <el-table-column align="center" label="代号" prop="code" />
        <el-table-column align="center" label="名称" prop="name" />
        <el-table-column align="center" label="规格" prop="specification" />
        <el-table-column align="center" label="单位" prop="company" />
      </el-table-column>
      <el-table-column align="center" label="装箱数">
        <el-table-column align="center" label="内箱" prop="innerBox" />
        <el-table-column align="center" label="外箱" prop="outerBox" />
      </el-table-column>
      <el-table-column align="center" label="纸箱尺寸">
        <el-table-column align="center" label="长" prop="width" />
        <el-table-column align="center" label="宽" prop="height" />
        <el-table-column align="center" label="高" prop="depth" />
      </el-table-column>
      <el-table-column align="center" label="单位体积" prop="unitVolume" />
      <el-table-column align="center" label="属性" prop="attribute" />
      <el-table-column align="center" label="颜色" prop="color" />
      <el-table-column align="center" label="条形码" prop="barcode" />
      <el-table-column align="center" label="出厂价" prop="factoryPrice">
        <el-table-column align="center" label="不含税" prop="price" />
        <el-table-column align="center" label="含税" prop="taxPrice" />
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      queryParams: {
      },
      showSearch: true
    }
  },
  methods: {
    handleQuery() { },
    handleQuery() { },
    resetQuery() { },
  }
}
</script>